<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<title>驾车宝典</title>
<script type="text/javascript" src="scripts/html5.js"></script>
<link href="styles/global.css" rel="stylesheet" type="text/css">
<link href="styles/forum.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9 ]><link href="styles/ie8Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lt IE 8 ]><link href="styles/ie7Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lt IE 7 ]><link href="styles/ie6Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lte IE 6]><style type='text/css'>.logo img{ behavior: url("scripts/iepngfix.htc") }</style><![endif]-->
</head>
<body>
<!--顶部导航开始-->
<nav id="topNav"><div class="bgA_01">
	<div class="linkField">
		<div class="links">
			<a href="#" title="我的私信">我的私信</a><a href="#" title="退出">退出</a>
		</div>
		<div class="user">
			<a href="#" title="个人信息">劳拉克罗夫特</a>
		</div>
	</div>
	<div class="navField">
		<a href="#" title="社区广场">社区广场</a> | <a href="#" title="网站导航">网站导航</a> | <a href="#" title="驾车宝典">驾车宝典</a> | <a href="#" title="购物车">购物车</a>
	</div>
</div></nav>
<!--顶部导航结束-->

<!--头部开始-->
<header id="header"><div class="bgA_01">
	<div class="btns">
		<a href="#" class="btn download" title="点击下载">驾车宝典移动客户端 点击下载</a>
	</div>
	<div class="logoField">
		<a href="#" class="logo" title="驾车宝典"><img src="images/logo_01.png" src="驾车宝典"></a>
	</div>
	<div class="bannerField">
		<a href="#"><img src="images/pic_banner_01.jpg" alt="BANNER名称"></a>
	</div>
</div></header>
<!--头部结束-->

<!--导航开始-->
<nav id="mainNav"><div class="bgA_01">
	<div class="searchField">
		<input type="text" class="txt" value="驾车宝典">
		<input type="button" class="btn" value="" title="搜索">
	</div>
	<div class="navField">
		<ul>
			<li class="link1"><a href="#" title="社区首页">社区首页</a></li>
			<li class="link2"><a href="#" title="群组">群组</a></li>
			<li class="link3"><a class="on" href="#" title="帖子">帖子</a></li>
			<li class="link4"><a href="#" title="活动">活动</a></li>
			<li class="link5"><a href="#" title="新鲜事">新鲜事</a></li>
		</ul>
	</div>
</div></nav>
<!--导航结束-->

<!--主要部分开始-->
<section id="main"><div class="bgA_01">
	
	<div id="leftArea">
	
		<div class="breadcrumbPanel_01">
			<p>
				<a href="#" title="回到首页">首页</a> &gt; <a href="#" title="宠物板块">宠物板块</a> &gt; <span class="on">猫的天空小组</span>
			</p>
		</div>
		
		
		<div class="forumInfoPanel_01">
			<div class="btnField">
				<a href="#" class="btn btn1" title="点击回复">回复</a>
				<a href="#" class="btn btn2" title="赞">称赞</a>
			</div>
			<div class="imgField">
				<a href="#" title="查看用户信息"><img src="images/pic_header_05.jpg" width="60" height="60" alt="会飞的鱼"></a>
			</div>
			<div class="infoField">
				<h2><em>[<a href="#">原创</a>]</em> <a href="#" class="name" title="查看用户信息">会飞的鱼</a> <span class="links"><a href="#">精华</a> | <a href="#">打分</a> | <a href="#">推荐</a></span></h2>
				<p>浏览次数：100 时间：2013-4-11 8:00 &nbsp;&nbsp;回复88 / 查看68</p>
			</div>
		</div>
		
		<div class="forumContentPanel_01">
			<div class="titleField">
				<h1>我的素颜跳水女神，真的是太惊艳了！！</h1>
				<h2>“<a href="#" class="name" title="查看用户信息">会飞的鱼</a> 发表于 2013-4-11 8：00”</h2>
				<h2>本贴最后由 <a href="#" class="name" title="查看用户信息">angel天使</a> 于2013-4-11 18：00 编辑</h2>
			</div>
			<div class="textField">
				<p>神马叫一站成名，王丽坤！</p>
				<p>王丽坤星跳水立方一跳成为新一代女神，素颜女神啊！</p>
				<p>光看清晰度不高的电视已经很漂亮了！</p>
				<p>而且王丽坤应该算是个励志姐了！</p>
				<p>&nbsp;</p>
				<p>你们都不知道王丽坤星跳水立方前都不会游泳吧！</p>
				<p>可是人家先学游泳，再学跳水！进步神速+神速！</p>
			</div>
			<div class="listField">
				<ul>
					<li>
						<div class="img">
							<a href="#" title="查看用户信息"><img src="images/pic_header_03.jpg" width="60" height="60" alt="姬十三"></a>
						</div>
						<div class="info">
							<span class="floor">沙发</span>
							<a href="#" class="name" title="查看用户信息">姬十三</a>
							<span class="time">2013-4-11 8:00</span>
						</div>
						<div class="text">
							<p>力挺！素颜真心美！！！</p>
						</div>
						<div class="btns">
							<a href="#" class="btn btn1" title="引用">引用</a>
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#" title="查看用户信息"><img src="images/pic_header_03.jpg" width="60" height="60" alt="姬十三"></a>
						</div>
						<div class="info">
							<span class="floor">板凳</span>
							<a href="#" class="name" title="查看用户信息">姬十三</a>
							<span class="time">2013-4-11 8:00</span>
						</div>
						<div class="text">
							<p>力挺！素颜真心美！！！</p>
						</div>
						<div class="btns">
							<a href="#" class="btn btn1" title="引用">引用</a>
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#" title="查看用户信息"><img src="images/pic_header_03.jpg" width="60" height="60" alt="姬十三"></a>
						</div>
						<div class="info">
							<span class="floor">3楼</span>
							<a href="#" class="name" title="查看用户信息">姬十三</a>
							<span class="time">2013-4-11 8:00</span>
						</div>
						<div class="text">
							<p>力挺！素颜真心美！！！</p>
						</div>
						<div class="btns">
							<a href="#" class="btn btn1" title="引用">引用</a>
						</div>
					</li>
				</ul>
			</div>
			<div class="pageNumField">
				<p>
					<a href="#" title="前一页" class="first">&lt; 前一页</a>
					<a href="#" class="on">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<span>……</span>
					<a href="#">22</a>
					<a href="#">23</a>
					<a href="#">24</a>
					<a href="#">25</a>
					<a href="#" title="后一页" class="last">后一页 &gt;</a>
				</p>
			</div>			
		</div>
		
	</div>
	
	<div id="rightArea">
		
		<div class="hotListPanel_01">
			<div class="titleField titleType_02">
				<h1>24小时热帖榜</h1>
			</div>
			<div class="listField">
				<ul>
					<li>
						<div class="img">
							<a href="#" title="查看详情"><img src="images/pic_content_10.jpg" width="60" height="60" alt="最新发现的一些ios小游戏推荐"></a>
						</div>
						<div class="info">
							<h2><a href="#" title="查看详情">最新发现的一些ios小游戏推荐</a></h2>
							<p>来自 <a class="name" href="#" title="查看个人信息">梦露</a></p>
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#" title="查看详情"><img src="images/pic_content_10.jpg" width="60" height="60" alt="最新发现的一些ios小游戏推荐"></a>
						</div>
						<div class="info">
							<h2><a href="#" title="查看详情">最新发现的一些ios小游戏推荐</a></h2>
							<p>来自 <a class="name" href="#" title="查看个人信息">梦露</a></p>
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#" title="查看详情"><img src="images/pic_content_10.jpg" width="60" height="60" alt="最新发现的一些ios小游戏推荐"></a>
						</div>
						<div class="info">
							<h2><a href="#" title="查看详情">最新发现的一些ios小游戏推荐</a></h2>
							<p>来自 <a class="name" href="#" title="查看个人信息">梦露</a></p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="activityPanel_03">
			<div class="titleField titleType_02">
				<h1>正在进行的活动</h1>
			</div>
			<div class="listField">
				<ul>
					<li>
						<div class="img">
							<a href="#" title="查看详情"><img src="images/pic_content_09.jpg" width="99" height="65" alt="微博转发 送千元儿童四件套"></a>
						</div>
						<div class="text">
							<a href="#" title="查看详情"><strong>活动：</strong>微博转发 送千元儿童四件套</a>
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#" title="查看详情"><img src="images/pic_content_09.jpg" width="99" height="65" alt="微博转发 送千元儿童四件套"></a>
						</div>
						<div class="text">
							<a href="#" title="查看详情"><strong>活动：</strong>微博转发 送千元儿童四件套</a>
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#" title="查看详情"><img src="images/pic_content_09.jpg" width="99" height="65" alt="微博转发 送千元儿童四件套"></a>
						</div>
						<div class="text">
							<a href="#" title="查看详情"><strong>活动：</strong>微博转发 送千元儿童四件套</a>
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#" title="查看详情"><img src="images/pic_content_09.jpg" width="99" height="65" alt="微博转发 送千元儿童四件套"></a>
						</div>
						<div class="text">
							<a href="#" title="查看详情"><strong>活动：</strong>微博转发 送千元儿童四件套</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		
		<div class="advPanel_01">
			<a href="#"><img src="images/pic_adv_01.jpg" width="263" height="80" alt=""></a>
			<a href="#"><img src="images/pic_adv_02.jpg" width="263" height="80" alt=""></a>
		</div>
		
	</div>
	
	<div class="subCommentPanel_01">
		<div class="imgField">
			<div class="img">
				<a href="#" title="个人信息"><img src="images/pic_header_01.jpg" width="85" height="85" alt="劳拉克罗夫特"></a>
			</div>
		</div>
		<div class="formField">
			<div class="formContent">
				<img src="images/pic_invitation_01.jpg" width="748" height="107" class="demo" alt="demo">
			</div>
			<div class="formBtns">
				<button class="btn btn1" type="submit">发表回复</button>
				<input type="checkbox" id="jumpToLast" name="jumpTo" class="check" checked><label for="jumpToLast">回贴后跳转到最后一页</label>
			</div>
		</div>
	</div>

	<div class="linkPanel_02">
		<div class="infoField">
			<p>在线会员 - 总计 <em>1800</em> 人在线 - <em>180</em> 会员、<em>1620</em> 位游客- 最高记录是 <em>10000</em> 于 2013-4-5</p>
		</div>
		<div class="linkField">
			<a href="#" class="link"><img src="images/pic_link_01.jpg" width="172" height="70" alt="驾车宝典"></a>
			<a href="#" class="link" title="点击下载"><img src="images/pic_link_02.jpg" width="172" height="70" alt="踏客社区 手机客户端"></a>
			<a href="#" class="link" title="关注我们"><img src="images/pic_link_03.jpg" width="172" height="70" alt="新浪微博"></a>
			<a href="#" class="link" title="关注我们"><img src="images/pic_link_04.jpg" width="172" height="70" alt="腾讯微博"></a>
			<span title="扫一扫"><img src="images/pic_link_05.jpg" width="172" height="70" alt="微信公众账号 交通广播驾车宝典"></span>
		</div>
	</div>

</div></section>
<!--主要部分结束-->

<!--底部开始-->
<footer id="footer"><div class="bgA_01">
	<div class="logoField">
		<a href="#" class="logo" title="驾车宝典"><img src="images/logo_02.png" src="驾车宝典"></a>
	</div>
	<div class="linkField">
		<a href="#">关于我们</a> <a href="#">加入我们</a> <a href="#">媒体报道</a> <a href="#">帮助中心</a> <a href="#">内容专区</a> <a href="#">免责声明</a> <a href="#">联系我们</a> <a href="#">移动版</a>
	</div>
	<div class="copyrightField">
		&copy; 2004-2013 www.jiachebaodian.com.cn All Rights Reserved. 驾车宝典 版权所有
	</div>
</div></footer>
<!--底部结束-->

<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="scripts/global.js"></script>
</body>
</html>